<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--引入手机端样式初始设置-->
    <link rel="stylesheet" href="./css/normalize.css">
    <!--引入登录页面的样式-->
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <header class="login-myHeader">
        <a href="#" class="bank"></a>
        <h1>登录</h1>
        <a href="#" class="register">注册</a>
    </header>

    <div class="myform">
        <!--用户名 -->
         <div class="userName-box">
             <label>登录名</label>
             <input type="text" placeholder="请输入手机号/用户姓名/邮箱" value="请输入手机号/用户姓名/邮箱" />
             <span class="myeye"></span>
         </div>


           <!--密码 -->
           <div class="userName-box">
            <label>密码</label>
            <input type="text" value="登录密码" />
            <span class="mymima"></span>
          </div>


          <button class="btn">登录</button>

          <div class="mytext-box">
              <a>登录遇到问题?</a>
              <a>境外手机登录</a>
          </div>
    </div>



    <!--其它方式 登录小图标-->
    <div class="icon-box">
       <a href="">
           <img src="images/wechat@2x.png" />
       </a>
       <a href="">
        <img src="images/QQ@2x.png" />
    </a>
    <a href="">
        <img src="images/sina@2x.png" />
    </a>
    <a href="">
        <img src="images/alipay@2x.png" />
    </a>
    <a href="">
        <img src="images/baidu@2x.png" />
    </a>
    </div>


     
    <!--淘宝手机团队推出的屏幕手机适配 文件-->
    <script src="./js/flexible.js"></script>
</body>
</html>